<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link href="${resources}/plugins/fontAwesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="${resources}/plugins/swiper/3.3.1/swiper.min.css" rel="stylesheet" type="text/css">
    <link href="${resources}/css/common.css" rel="stylesheet" type="text/css">
    <link href="${resources}/css/particulars.css" rel="stylesheet" type="text/css">
        <#include "setwxshare.ftl"/>
</head>
<body>
<div id="container">
    <!--头部-->
    <div class="commonHeader">订单详情
        <a href="javascript:history.go(-1);" class="fa fa-chevron-left back"></a>
    </div>

    <div id="wrapper">
        <div class="address">
        	<!-- 
            <div class="details">
                <a href="javascript:void (0)">
                    <div class="img"><span class="car fa fa-car"></span></div>
                    <h3>【济南】快件以到达济南</h3>
                    <p>2016-08-22 19:30:00</p>
                    <span class="right fa fa-angle-right"></span>
                </a>
            </div>
        	 -->
            <div class="address1">
                <a href="javascript:void (0)">
                    <div class="img"><span class="map fa fa-map-marker"></span></div>
                    <p class="name">收货人：${order.receiver}</p>
                    <p class="phone">${order.telephone}</p>
                    <p class="add">收货地址:${order.address}${order.street}</p>
                </a>
            </div>
        </div>

        <ul class="details1">
            <li>
                <a href="javascript:void(0)">
                    <div class="detailsTop">
                        <span class="bed fa fa-bed"></span>
                        <span class="furniture">${order.merchant.name}</span>
                        <span class="right fa fa-angle-right"></span>
                    </div>
					<#list order.orderItemList as item>
                    <div class="detailsMes">
                        <div class="detailsImg">
                            <img src="${item.goods.picurl}" style="height: 80px">
                        </div>
                        <div class="detailsCon">
                            <h3>${item.goods.name}</h3>
                            <!--
                            <p class="centre">宝安中心区</p>
                            -->
                            <p class="address">[价值${item.price}元]${item.goods.title}</p>
                        </div>
                    </div>
                    </#list>
                </a>
                <!--
                <a href="javascript:;" class="refund">退款</a>
                -->
            </li>
        </ul>

        <div class="freight">
            <div class="c1">
                <span class="sincere">运费</span>
                <span class="price">￥0.00</span>
            </div>
            <div class="c2">
                <span class="sincere">实付款（含运费）</span>
                <span class="price1">￥${order.total}</span>
            </div>
        </div>

        <div class="data">
            <div class="dataTop">
                <p><span class="itemName">订单编号：</span>${order.orderno}</p>
                <!--
                <a href="javascript:;" id="copy">复制</a>
                -->
            </div>
            <p><span class="itemName">创建时间：</span>${order.createTime}</p>
            <#if order.payTime??>
            <p><span class="itemName">付款时间：</span>${order.payTime}</p>
            </#if>
            <#if order.sendTime??>
            <p><span class="itemName">发货时间：</span>${order.sendTime}</p>
            </#if>
        </div>
    </div>
</div>
</body>
</html>